
	.dialog {
		::v-deep .el-dialog__header{
			background-color: #F8F8F8;
			height: 56px;
			padding: 17px 24px;
		}
		::v-deep .el-dialog__body{
			padding: 0;
			.dlalog-body {
				position: relative;
				.el-form{
					padding:30px 20px;
				}
				.dialog-footer {
					padding:15px 20px;
					border-top: 1px solid #EEEEEE;
					text-align: right
				}
			}
		}

		::v-deep .el-transfer-panel{
			width: 300px;
		}
		::v-deep .el-select,::v-deep .el-cascader{
			display: block;
		}
		
	}
	.table-header .el-select {
		width: 100px;
		margin-right: 10px;
	}

	.tableModule {
		flex: 1;
		background-color: #ffffff;
		padding: 12px;
		display: flex;
		flex-direction: column;

		.title {
			height: 44px;
			font-size: 16px;

			.title-left {
				display: inline-block;
				margin-top: 8px;

				i {
					margin-right: 7px;
				}
			}

			.title-right {
				float: right;
			}
		}

		.tableContainer {
			flex: 1;
			display: flex;
			flex-direction: column;

			.table {
				flex: auto;
				position: relative;

				>div {
					position: absolute;
					left: 0;
					right: 0;
					top: 0
				}

				::v-deep.cell {
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
					word-break: break-all;
				}
			}
		}
	}

	.table {
		font-size: 16px;
		overflow: visible;

		::v-deep.el-card__header {
			padding-right: 10px;
		}
	}

	.el-form-item {
		display: flex !important;
	}

	.el-form-item .el-form-item__content {
		flex: 1;
	}

	.el-input {
		width: 100% !important;
	}

	.pagination {
		margin-top: 16px;
		height: 40px;

		>* {
			margin-right: 10px !important;
		}
	}